<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>
        结算订单
    </title>
    <!-- 网站说明 -->
    <meta name="description" content="品优购商城-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务，为您提供愉悦的网上购物体验!" />
    <!-- 关键词 -->
    <meta name="keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡,京东" />
    <link rel="shortcut icon" href="favicon.ico" />
    <!-- 引入初始化CSS样式 -->
    <link rel="stylesheet" href="css/base.css" />
    <!-- 引入公共CSS样式 -->
    <link rel="stylesheet" href="css/jiesuan.css" />
</head>

<body>
    <!-- 顶部部分 -->
    <div class="top">
        <div class="w">
            <!-- 左侧部分 -->
            <ul>
                <li>品优购欢迎您！</li>
                <li>请登录</li>
                <li><a>免费注册</a></li>
            </ul>
            <ul>
                <li><em>网站导航</em></li>
                <li><em>客户服务</em></li>
                <li><em>关注品优购</em></li>
                <li>企业采购</li>
                <li>品优购会员</li>
                <li><em>我的品优购</em></li>
                <li>我的订单</li>
            </ul>
        </div>
    </div>
    <!-- 顶部结束 -->
    <!-- nav部分开始 -->
    <nav>
        <div class="w">
            <div class="logo">
                <img src="images/logo.png" alt="" /> <em>购物车</em>

                <input type="text" placeholder="品优自营" autofocus />
                <button>搜索</button>
            </div>
        </div>
    </nav>
    <!-- nav部分结束 -->
    <!-- 内容部分开始 -->
    <article class="articleone">
        <div class="w">
            <div class="art_shopping">全部商品 11</div>
            <div class="art_head">
                <ul>
                    <li>
                        <form action="get">
                            <label for="quanxuan">
                  <input type="checkbox" id="quanxuan" />全选
                </label>
                        </form>
                    </li>
                    <li>商品</li>
                    <li>单价（元）</li>
                    <li>数量</li>
                    <li>小计（元）</li>
                    <li>操作</li>
                </ul>
            </div>
            <div class="art_center">
                <ul>
                    <li>
                        <form action="get">
                            <label for="ziying">
                  <input type="checkbox" id="ziying" /><em>品优自营</em>
                </label>
                        </form>
                    </li>
                    <li>运费： <b>&yen;6.00</b> <u>还差 &yen;93.00免运费</u></li>
                </ul>
            </div>
            <div class="art_art">
                <ul>
                    <!-- one -->
                    <li>
                        <form action="post">
                            <label for="one">
                  <input type="checkbox" id="one" />
                  <img src="images/applezhuanhuanqi.jpg" alt="" />
                  <p>
                    苹果（Apple）MD463FE/A MAC 尺码：Thunderbolt至千兆...
                    Thunderbolt雷电接口 至千兆以太网转
                  </p>
                </label>
                            <em><a>购买礼品包装</a></em>
                        </form>
                        <div>248.00</div>
                        <dl>
                            <dd>
                                <u>-</u>
                                <b>1</b>
                                <u>+</u>
                                <i class="have">有货</i>
                            </dd>

                            <dd>248.00</dd>
                            <dd>
                                <p><a>删除</a></p>
                                <p><a>移到我的关注</a></p>
                            </dd>
                        </dl>
                    </li>
                    <!-- two -->
                    <li>
                        <pre><button class="btn1">换购</button>活动商品购满2888.00元，即可加价换购商品1件 > <button class="btn2">查看换购品</button><a href="#">去凑单 ></a></pre>
                        <form action="post">
                            <label for="two">
                  <input type="checkbox" id="two" />
                  <img src="images/applemacbook.jpg" alt="" />
                  <p>
                    Apple Macbook Air 13.3英寸笔记本电脑 颜色MzcBook爱人
                    银色（Corei5）处理器/8GB内存 尺寸：13.3英寸
                  </p>
                </label>
                            <em><a>购买礼品包装</a></em
                ><br /><br />
                <pre>[赠品]圣迪威（Sendio）MacBook13.3寸屏幕保...     X1</pre>
                <pre>[赠品]圣迪威（Sendio）MacBook13.3清洁套装...     X1</pre>
              </form>
              <div>8488.00</div>
              <dl>
                <dd>
                  <u>-</u>
                  <b>1</b>
                  <u>+</u>
                  <i class="have">有货</i>
                </dd>
                <dd class="p_move1">
                  <p>8488.00</p>
                </dd>
                <dd>
                  <p><a>删除</a></p>
                  <p><a>移到我的关注</a></p>
                </dd>
              </dl>
            </li>
            <!-- three -->
            <li>
              <form action="post">
                <label for="three">
                  <input type="checkbox" checked id="three" />
                  <img src="images/cdb.jpg" alt="" />
                  <p>半岛铁盒移动电源A2200 型号：A2200 白色2200mah</p>
                </label>
                <em><a>购买礼品包装</a></em>
                        </form>
                        <div>99.00</div>
                        <dl>
                            <dd>
                                <u>-</u>
                                <b>1</b>
                                <u>+</u>
                                <i class="have">有货</i>
                            </dd>
                            <dd class="p_move2">
                                <p>99.00</p>
                            </dd>
                            <dd>
                                <p><a>删除</a></p>
                                <p><a>移到我的关注</a></p>
                            </dd>
                        </dl>
                    </li>
                    <!-- four -->
                    <li>
                        <form action="post">
                            <label for="four">
                  <input type="checkbox" id="four" />
                  <img src="images/applezhuanhuanqi.jpg" alt="" />
                  <p>
                    苹果（Apple）MD463FE/A MAC 尺码：Thunderbolt至千兆...
                    Thunderbolt雷电接口 至千兆以太网转
                  </p>
                </label>
                            <em><a>购买礼品包装</a></em>
                        </form>
                        <div>238.00</div>
                        <dl>
                            <dd>
                                <u>-</u>
                                <b>1</b>
                                <u>+</u>
                                <i class="have">有货</i>
                            </dd>
                            <dd class="p_move3">
                                <p>238.00</p>
                            </dd>
                            <dd>
                                <p><a>删除</a></p>
                                <p><a>移到我的关注</a></p>
                            </dd>
                        </dl>
                    </li>
                    <!-- five -->
                    <li>
                        <form action="post">
                            <label for="five">
                  <input type="checkbox" id="five" />
                  <img src="images/apple12dan.jpg" alt="" />
                  <p>苹果（Apple）12(5G) 颜色：黑，银，红，蓝... 畅快5G体验</p>
                </label>
                            <em><a>购买礼品包装</a></em>
                        </form>
                        <div>5499.00</div>
                        <dl>
                            <dd>
                                <u>-</u>
                                <b>1</b>
                                <u>+</u>
                                <i class="have">有货</i>
                            </dd>
                            <dd class="p_move4">
                                <p>5499.00</p>
                            </dd>
                            <dd>
                                <p><a>删除</a></p>
                                <p><a>移到我的关注</a></p>
                            </dd>
                        </dl>
                    </li>
                    <!-- six -->
                    <li>
                        <form action="GET">
                            <label for="six">
                  <input
                    type="checkbox"
                    id="six"
                  />&nbsp;&nbsp;&nbsp;神州数码专营店
                </label>
                        </form>
                    </li>
                    <!-- seven -->
                    <li>
                        <pre><button class="btn1">换购</button>活动商品购满2888.00元，即可加价换购商品1件 > <button class="btn2">查看换购品</button><a href="#">去凑单 ></a></pre>
                        <form action="post">
                            <label for="seven">
                  <input type="checkbox" id="seven" />
                  <img src="images/applemacbook.jpg" alt="" />
                  <p>
                    Apple Macbook Air 13.3英寸笔记本电脑 颜色MzcBook爱人
                    银色（Corei5）处理器/8GB内存 尺寸：13.3英寸
                  </p>
                </label>
                            <em><a>购买礼品包装</a></em
                ><br /><br />
                <pre>[赠品]圣迪威（Sendio）MacBook13.3寸屏幕保...     X1</pre>
                <pre>[赠品]圣迪威（Sendio）MacBook13.3清洁套装...     X1</pre>
              </form>
              <div>4699.00</div>
              <dl>
                <dd>
                  <u>-</u>
                  <b>1</b>
                  <u>+</u>
                  <i class="have">有货</i>
                </dd>
                <dd class="p_move7">
                  <p>4699.00</p>
                </dd>
                <dd>
                  <p><a>删除</a></p>
                  <p><a>移到我的关注</a></p>
                </dd>
              </dl>
            </li>
            <!-- eight -->
            <li>
              <form action="gey">
                <label for="eight">
                  <input
                    type="checkbox"
                    id="eight"
                  />全选&nbsp;&nbsp;&nbsp;&nbsp;
                </label>
                <a href="#">删除选中的商品</a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="#">移到我的关注</a>&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="#">清除下柜商品</a>
              </form>
              <div>
                已选择0件商品 总价（不含运费） ：<span>&yen;16283.00</span>
              </div>
              <b>已节省：-&yen;200.00</b>
            </li>
            <a href="submit.html"><button class="btn3">结算</button></a>
            <!-- ten -->
            <li>
              <p>已删除商品，您可以重新购买或加关注：</p>
            </li>
            <!-- 11 -->
            <li>
              <a>圣迪威（Sendio）MacBook13.3清洁套...</a>
              <span>&yen;699.00</span>
              <u>1</u>
              <b><a>重新购买</b></span>
              <i><a>移到我的关注</a></i>
            </li>
            <!-- 12 -->
            <li>
              <u>猜你喜欢</u>
              <b>特惠换购</b>
            </li>
            
          </ul>
        </div>
        <div class="art_footer">
          <ul>
            
            <li>
              <i></i>
              <b></b>
              <img src="images/feikeblack.jpg" alt="">
              <p>飞科(FLYCO)FS7805鼻毛修剪器电动鼻毛器修鼻毛机
              </p>
              
              <em>&yen;45.00</em>
                            <button>加入购物车</button>
                    </li>
                    <li>
                        <img src="images/feikewhite.jpg" alt="">
                        <p>飞科(FLYCO)FS7805鼻毛修剪器电动鼻毛器修鼻毛机
                        </p>

                        <em>&yen;45.00</em>
                        <button>加入购物车</button>
                    </li>
                    <li>
                        <img src="images/feikechui.jpg" alt="">
                        <p>飞科(FLYCO)FH6218大功率电吹风机2000W负离子

                        </p>

                        <em>&yen;79.00</em>
                        <button>加入购物车</button>
                    </li>
                    <li>
                        <img src="images/lifaqi.jpg" alt="">
                        <p>飞科(FLYCO)FC5808专业电动理发器成人儿童电推剪


                        </p>

                        <em>&yen;99.00</em>
                        <button>加入购物车</button>
                    </li>
                </ul>
            </div>
        </div>
    </article>
    <!-- 内容部分结束 -->
    <!-- 底部开始 -->
    <footer>
        <footer class="footer_self">
            <div class="w footer">
                <div class="footer_top">
                    <ul>
                        <li>
                            <em></em>
                            <div>
                                <b>正品保障</b>
                                <p>正品保障，提供发票</p>
                            </div>
                        </li>
                        <li>
                            <em></em>
                            <div>
                                <b>极速物流</b>
                                <p>急速物流，急速送达</p>
                            </div>
                        </li>
                        <li>
                            <em></em>
                            <div>
                                <b>无忧售后</b>
                                <p>7天无理由退换货</p>
                            </div>
                        </li>
                        <li>
                            <em></em>
                            <div>
                                <b>特色服务</b>
                                <p>私人定制家电套餐</p>
                            </div>
                        </li>
                        <li>
                            <em></em>
                            <div>
                                <b>帮助中心</b>
                                <p>您的购物指南</p>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="footer_center">
                    <ul>
                        <li>
                            <dl>
                                <dt>购物指南</dt>

                                <dd><a href="#">购物流程</a></dd>
                                <dd><a href="#"> 会员介绍</a></dd>
                                <dd><a href="#">生活旅行/团购</a></dd>
                                <dd><a href="#">常见问题</a></dd>
                                <dd><a href="#">大家电</a></dd>
                                <dd><a href="#">联系客服</a></dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>配送方式</dt>

                                <dd><a href="#">上门自提</a></dd>
                                <dd><a href="#"> 211限时达</a></dd>
                                <dd><a href="#">配送服务查询</a></dd>
                                <dd><a href="#">配送费收取标准</a></dd>
                                <dd><a href="#"> 海外配送</a></dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>支付方式</dt>

                                <dd><a href="#"> 货到付款</a></dd>
                                <dd><a href="#"> 在线支付</a></dd>
                                <dd><a href="#">分期付款</a></dd>
                                <dd><a href="#">邮局汇款</a></dd>
                                <dd><a href="#">公司转账</a></dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>售后服务</dt>

                                <dd><a href="#">售后政策</a></dd>
                                <dd><a href="#"> 价格保护</a></dd>
                                <dd><a href="#">退款说明</a></dd>
                                <dd><a href="#">返修/退换货</a></dd>
                                <dd><a href="#">取消订单</a></dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>特色服务</dt>

                                <dd><a href="#">夺宝岛</a></dd>
                                <dd><a href="#"> DIY装机</a></dd>
                                <dd><a href="#">延保服务</a></dd>
                                <dd><a href="#">品优购E卡</a></dd>
                                <dd><a href="#">品优购通信</a></dd>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <dt>帮助中心</dt>

                                <dd><img src="images/app.png" alt="" /></dd>
                                <dd>品优购APP</dd>
                            </dl>
                        </li>
                    </ul>
                </div>
                <div class="footer_footer">
                    <ul>
                        <li><a href="#">关于我们</a></li>
                        <li><a href="#">联系我们</a></li>
                        <li><a href="#">联系客服</a></li>
                        <li><a href="#">商家入驻</a></li>
                        <li><a href="#">营销中心</a></li>
                        <li><a href="#">手机品优购</a></li>
                        <li><a href="#">友情链接</a></li>
                        <li><a href="#">销售联盟</a></li>
                        <li><a href="#">品优购社区</a></li>
                        <li><a href="#">品优购公益</a></li>
                        <li><a href="#">English Site</a></li>
                        <li><a href="#">Contact U</a></li>
                    </ul>
                    <p>
                        地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
                    </p>
                    <p>京ICP备08001421号京公网安备110108007702</p>
                </div>
            </div>
        </footer>
        <div class="w last_footer">已经到底了哦……</div>
    </footer>
    <!-- 底部结束 -->

</body>

</html>